/*================================ Font-Face ================================*/
@font-face {
    font-family: 'RobotoMedium';
    src: url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoMedium.eot');
    src: url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoMedium.woff2') format('woff2'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoMedium.woff') format('woff'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoMedium.ttf') format('truetype'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoLight.eot');
    src: url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoLight.eot') format('embedded-opentype'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoLight.woff2') format('woff2'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoLight.woff') format('woff'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoLight.ttf') format('truetype'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'RobotoThin';
    src: url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoThin.eot');
    src: url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoThin.eot') format('embedded-opentype'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoThin.woff2') format('woff2'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoThin.woff') format('woff'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoThin.ttf') format('truetype'),
         url('/web/20180829221506im_/http://excelphotoscape.mobi/css/fonts/RobotoThin.svg#RobotoThin') format('svg');
}




*{margin:0px; padding:0px;list-style:none;text-decoration:none;outline:none;}
body{font-family: 'RobotoLight' !important;}

.fl{float:left;}
.fr{float:right;}
.padding_none{padding:0px !important;}
a:hover{text-decoration:none;outline:none;}

a, .animate, .footer_social ul li span, input[type="submit"]{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.t_center{text-align:center;}
.t_right{text-align:right;}
.t_left{text-align:left;}


/*==================================================================== 
                ----->  Header  <-----
/*==================================================================== */

.header{padding-bottom:12px; box-sizing:border-box;}
.logo{margin:5px 0px;}

.section{padding:45px 0px 50px 0px; float:left; width:100%; background-color:#fff; }
.footer{float:left; width:100%; margin:0px;}
/*==================================================================== 
                ----->  home_page  <-----
/*==================================================================== */


.effect{float:right; margin:10px 0px;}
.effect li{margin-left:8px; width:84px; float:left;height:80px;}
.effect li:nth-child(1) a{padding:22px 0px !important;height:100%;}
.effect li:nth-child(1) a img{float:left !important;margin-left:16px !important;margin-top:-5px !important;}
.effect li:nth-child(1) a abbr{float:left;padding-left:10px;margin-top:5px;font-size:22px;}
.effect li a{color:#fff; font-size:18px; text-align:center; padding:10px 0px !important; box-sizing:border-box;height:100%;}
.effect li a img{float:none !important; display:inline-block !important; margin:5px 0 0 0;}
.effect li:nth-child(1) a img{margin:-10px 5px 0px 0px;}
.effect li a span{float:none; display:inline-block; width:100%;position:relative;bottom:-7px;}
.effect li:nth-child(1){margin:0px;}
.effect li.spcl_effect{font-size:22px !important;width:275px !important;}
.effect li span{font-size:15px;}

.effect li.spcl_effect a{background-color:#fa708d;}
.effect li:hover.spcl_effect a{background-color:#23b45d;}
.effect li.grid_effect a{background-color:#fca52a;}
.effect li:hover.grid_effect a{background-color:#b276db;}
.effect li.scrap_effect a{background-color:#b276db;}
.effect li:hover.scrap_effect a{background-color:#23b45d;}
.effect li.film_effect a{background-color:#23b45d;}
.effect li:hover.film_effect a{background-color:#fa708d;}

.nav > li > a:focus, .nav > li > a:hover{background:none;}
.effect_box{padding:8px; box-sizing:border-box; border:1px solid #bdbdbd; text-align:center; border-top:none;}
.effect_box a{float:none; width:100%; display:inline-block; color:#0a0a0a; font-size:25px; margin:19px 0px 7px 0px; font-weight:normal;}
.effect_box img{float:none; display:inline-block;}
.footer{background-color:#ededed; padding:20px 0px 13px 0px; box-sizing:border-box;}
.footer_menu{margin:2px 0px;}
.footer_menu li{float:left; width:auto; border-right:1px solid #d5d5d5; line-height:15px;}
.footer_menu li a{padding:0px 10px !important; box-sizing:border-box; color:#333;}
.footer_menu li a:hover{color:#0176cd;}
.footer_menu li:last-child{border:none;}
.copyright{text-align:center;}

/*==================================================================== 
                ----->  benner  <-----
/*==================================================================== */

.app{float:left; width:100%; position:absolute; top:0; padding:35px 0px;}
.mobile-display { float:left; width:100%; padding:0px 20px 0px 0px;}
.mobile-display > img { float:right; width:auto;margin-top:10px;}

.download-detail { float:left; width:100%; padding:58px 0 0 0;}
.download-detail h1 { float:left; width:100%; font-size:50px; color:#ffffff; margin:0px;}

.download-detail p { float:left; width:100%; font-size:19px; color:#fff;margin:5px 0px 40px 0px;}
.font-white { color:#fff;}

.app_download { float:left; width:100%; margin-bottom:0px; padding:20px 0px 26px 0px;}
.app_download li { float:left; width:auto; margin-right:30px;}
.app_download li:last-child { margin-right:0px;}
.app_download li a { float:left; width:auto;}
.app_download li a > img { float:left; width:auto;}

.download-detail h1{font-size:46px;}


.benner{background:url(http://excelphotoscape.mobi/images/home_background.jpg) no-repeat; position:relative; padding:30px 0px 30px 0px !important; box-sizing:border-box;
background-size:100% 100%; background-attachment:fixed;}
.grid_benner{background:url(http://excelphotoscape.mobi/images/grid_back.jpg) no-repeat;background-size:100% 100%; background-attachment:fixed;}
.film_benner{background:url(http://excelphotoscape.mobi/images/film_back.jpg) no-repeat;background-size:100% 100%; background-attachment:fixed;}
.scrap_benner{background:url(http://excelphotoscape.mobi/images/scrap_back.jpg) no-repeat;background-size:100% 100%; background-attachment:fixed;}
.abt_benner{background:url(http://excelphotoscape.mobi/images/all-the-photo-effects-and-frames.jpg) no-repeat;background-size:100% 100%; background-attachment:fixed;}
.con_benner{background:url(http://excelphotoscape.mobi/images/mobile-photo-editor-apps.jpg) no-repeat;background-size:100% 100%; background-attachment:fixed;}
.spcl_benner{background:url(http://excelphotoscape.mobi/images/spcl_back.jpg) no-repeat;background-size:100% 100%; background-attachment:fixed;}


/*==================================================================== 
                ----->  home_page  <-----
/*==================================================================== */
.con_detail{width:80%;}
.about_detail h1{margin:0px 0px 25px 0px; font-size:32px; color:#5d5d5d; padding-bottom:10px; border-bottom:1px solid #fa708d; width:auto; float:left;}
.about_detail img{border:1px solid #fa708d;}
.about_text{font-size:18px; color:#888888; margin:75px 0px;}

/*==================================================================== 
                ----->  grid_page  <-----
/*==================================================================== */
.grid{padding:50px 0px 20px 0px;}
.grid_box{margin-bottom:40px;}
.grid_text{background-color:#feedd4; padding:38px 28px; box-sizing:border-box;}
.grid_text h4{color:#fca52a; font-size:32px;}
.grid_text_simple{background-color:#f9e6ea;}
.grid_text_simple h4{color:#fa708d;}
.grid_text_Convert{background-color:#d4f6e2;}
.grid_text_Convert h4{color:#23b45d; font-size:32px;}
.grid_text p{font-size:19px;}

/*==================================================================== 
                ----->  film_page  <-----
/*==================================================================== */
.film{padding:50px 0px 20px 0px;}
.film_box{background-color:#fff; margin-bottom:30px;}
.film_text{background-color:#d3f0df; padding:10px 20px 10px 10px;box-sizing:border-box; margin:30px 0px 0px 0px;}
.film_text h4{color:#23b45d; font-size:32px;font-weight:normal;}
.film_text p{color:#5d5d5d; font-size:19px; line-height:auto;}
.film_part2{background-color:#f8e1dd;}
.film_part2 h4{color:#da6652;}
.film_part3{background-color:#e2e1e1;}
.film_part3 h4{color:#3e3d3b;}



/*==================================================================== 
                ----->  scrap_page  <-----
/*==================================================================== */

.scrap_sec{padding:50px 0px 10px 0px;}
.scrap_text{padding:20px 0px; box-sizing:border-box; border-bottom:2px solid #fa708d; border-top:2px solid #fa708d; margin:40px 0px;}
.scrap_text2{border-color:#23b45d;}
.scrap{ background-color:#fee2e8; padding:5px 10px 10px 10px; box-sizing:border-box;}
.scrap h4{color:#fa708d; font-size:32px;}
.scrap p{font-size:19px;}
.scrap_part{background-color:#d3f0df;}
.scrap_part h4{color:#23b45d;}



/*==================================================================== 
                ----->  special  <-----
/*==================================================================== */

.spcl_detail h4{font-size:27px; color:#0e0e0e; margin:0px 0px 15px 0px;}
.spcl_detail p{font-size:20px; color:#777777; margin-bottom:40px;}
.spcl_text{width:67%; float:left; padding-left:30px; box-sizing:border-box;}
.col-md-9 img{float:left;}
.create{background-color:#f6f6f6; margin-top:70px; padding:40px 0px; box-sizing:border-box;}
.create img{border:1px solid #ff0000;}
.create .spcl_detail{width:100%;} 
/*==================================================================== 
                ----->  contact  <-----
/*==================================================================== */

.contact_form{float:left; width:100%;}
.contact_form li{float:left; width:100%;margin-bottom:10px;}
.contact_form li a{float:left; width:310px;height:45px;color:#fff;font-size:17px;border-radius:5px;}
.contact_form li a p{float:left; margin:10px 0 0 0;}
.contact_form li a span{margin-right:15px;}
.contact_form li a.facebook{background:#3b5998;}
.contact_form li a.facebook span{background-position:6px 10px;border-right:1px solid #2f477a;}
.contact_form li a.facebook:hover{background-color:#2f477a;}
.contact_form li a span{background:url(http://excelphotoscape.mobi/images/social_icon.png) no-repeat;height:45px;width:38px;float:left;background-position:6px 10px;border-right:1px solid #2f477a;}
.contact_form li a.gooogle{background:#ce1616;}
.contact_form li a.gooogle span{background-position:6px -44px;border-right:1px solid #af2020;}
.contact_form li a.gooogle:hover{background-color:#af2020;}

.contact_form li a.twitter{background:#2ba9e1;}
.contact_form li a.twitter span{background-position:6px -98px;border-right:1px solid #2287b4;}
.contact_form li a.twitter:hover{background-color:#2287b4;}

.contact_form li a.rss{background:#bd081c;}
.contact_form li a.rss span{background-position:6px -153px;border-right:1px solid #9b0a1a;}
.contact_form li a.rss:hover{background-color:#9b0a1a;}

.contact_form li label{float:left; width:100%; font-weight:normal;color:#5d5d5d; font-size:20px;}
.contact_form li .input{border:1px solid #ededed; float:left; width:100%;height:35px;padding-left:10px;}
.contact_form li .textarea{max-height:175px;min-height:175px;padding:10px;}
.contact_form li input[type="submit"]{float:left;width:162px;padding:10px; text-align:center;background:#0176cd;color:#fff;font-size:22px;border:none;margin-top:15px;}
.contact_form li input[type="submit"]:hover{background:#fa708d;border-radius:10px;}
/*==================================================================== 
                ----->  responsive  <-----
/*==================================================================== */

@media screen and (max-width:1199px)
{
	.logo{text-align:center; margin-bottom:10px;}
	.logo a img{float:none; display:inline-block;}	
	.sidebar-nav{text-align:center;}
	.effect{float:none; display:inline-block;}
	.effect_box{width:100%;}
}


@media screen and (max-width:991px)
{
	.footer{text-align:center;}
	.footer_menu{float:none; display:inline-block; margin-bottom:10px;}
	.power_by{text-align:center;}
	.effect_box{margin-bottom:10px;}
	.app .col-md-4{width:30%; float:left;}
	.app .col-md-8{width:70%; float:left;}
	.app h1{font-size:40px;}
	.app p{font-size:15px;}
	.app_download li{ width:50%; margin:0px !important;}
	.mobile-display{padding:0px !important; margin:20px 0px;}
	.section .col-md-6{width:100%;}
	.grid_box{text-align:center;}
	.grid_box img{float:none; display:inline-block;}
	.col-md-6 .film_text{margin:10px 0px 0px 0px;}
	.col-md-6 .film_text{margin-bottom:10px;}
	.grid_text p{width:85%;}
	.section .col-md-7{width:100%;}
	.section .col-md-5{width:100%;}
	.scrap_text{margin:20px 0px;}
	.grid_text{margin:20px 0px;}
	.about_detail h1{margin-bottom:10px;}
	.spcl_text{padding:10px 0px; width:100%; box-sizing:border-box;}
	.create{margin:0px; padding-bottom:0px;}
	.create .col-md-8 .spcl_detail{margin-top:10px;}
}

@media screen and (max-width:750px)
{
	.effect li{margin-bottom:10px;}
	.effect li.spcl_effect{width:60%; margin-right:10px;}
	.effect li.grid_effect{width:30%;}
	.effect li.scrap_effect{width:45%; margin-right:10px;}
	.effect li.film_effect{width:45%;}
	.app .col-md-4{width:25%; float:left;}
	.app .col-md-8{width:75%; float:left;}
	.app_download li{ width:100%; margin-bottom:5px !important;}

}

@media screen and (max-width:450px)
{
	.logo a img{width:200px; height:auto;}
	.effect li{margin:0px !important;}
	.effect li.grid_effect{width:50%;}
	.effect li.spcl_effect{width:100%; margin-bottom:10px;}
	.effect li.scrap_effect{width:50%;}
	.effect li.film_effect{width:100%;}
	.effect li:nth-child(1) a{padding:15px 20px !important;}
	.effect li a{padding:5px 10px !important;}
}

/*=====  footer new change    ======*/
.our_partner_box{float: left; width: 100%; padding: 18px 0;background: #e0e0e0;}
	.partner_iner_box{float: left; width: 100%;}
	.partner_iner_box h3{float: left; width: auto; color: #194077; font-size: 18px; margin: 3px 0 0 0;text-transform: uppercase; font-weight: bold;}
	.partner_iner_box ul{float: left; width: auto;margin: 0; padding: 0;}
	.partner_iner_box ul li{float: left; width: auto;}
	.partner_iner_box ul li a{float: left; width: auto; padding: 0 10px; border-right: 1px solid #000; color: #000; font-size: 18px;}
	.partner_iner_box ul li:hover a{color:#194077; }
        .partner_iner_box ul li:last-child a{border:0px;}
        
        
        @media screen and (max-width:650px)
        {
            .partner_iner_box ul{padding: 5px 0px 0px 0px}
            .partner_iner_box h3{margin: 3px 0 0 12px;}
        }
       
        @media screen and (max-width:450px)
        {
            .partner_iner_box ul li{padding: 3px}
            .partner_iner_box ul li a{font-size: 16px}
        }
        @media screen and (max-width:320px)
        {
            
            .partner_iner_box ul li a{font-size: 14px}
            
        }